<template>
  <div class="home">
    <HomeHeader></HomeHeader>
    <SlideShow></SlideShow>
    <Company></Company>
    <HomeProductDisplay></HomeProductDisplay>
    <ProductVideo></ProductVideo>
    <News></News>
    <Safety></Safety>
    <Interactive></Interactive>
    <Footer></Footer>
  </div>
</template>
<script>
import HomeHeader from "./components/HomeHeader";
import SlideShow from "./components/SlideShow";
import ProductVideo from "./components/ProductVideo";
import HomeProductDisplay from "./components/HomeProductDisplay";
import Company from "./components/Company";
import News from "./components/News";
import Safety from "./components/Safety";
import Interactive from "../interactive/Interactive";
import Footer from "./components/Footer";
export default {
  name: "Home",
  components: {
    HomeHeader,
    SlideShow,
    ProductVideo,
    Company,
    News,
    Safety,
    Footer,
    Interactive,
    HomeProductDisplay
  }
};
</script>
<style scoped>
.home {
  padding-bottom: 0.97rem;
}
</style>
